
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html" renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Clavo y cVanela">
        <pm:view id="main">
            <pm:header title="Clavo y Canela" />
            <pm:content>
                ¿Que desea ordenar?

                <h:outputLink value="#combo">
                    <p:commandButton value="Combo"  />
                </h:outputLink>

                <h:outputLink value="#menu">
                    <p:commandButton value="Menu"  />
                </h:outputLink>

            </pm:content>

            <pm:footer fixed="true" style="text-align: center; font-size: 10px">
                <h:outputText value="E toque especial a tu paladar "/>
            </pm:footer>

        </pm:view>



<pm:view id="combo">
            <pm:header title="Selecciona Tu Combo" swatch="b" />
            <pm:content>
                <p:dataList>
                    <f:attribute name="filter" value="true" />
                    <h:outputText value="Desayuno completo" />
                    <h:outputText value="Desayuno Salvadoreño" />
                    <h:outputText value="Almuerzo Completo" />
                    <h:outputText value="Pollo en Salsa" />
                </p:dataList>
            </pm:content>

          <pm:footer fixed="true" style="text-align: center; font-size: 10px">
                <h:outputText value="E toque especial a tu paladar "/>
            </pm:footer>

        </pm:view>
        
        
        
        <pm:view id="menu">
            <pm:header title="Selecciona Tu Producto" swatch="b" />
            <pm:content>
                <p:dataList>
                    <f:attribute name="filter" value="true" />
                    <h:outputText value="Cafe" />
                    <h:outputText value="Soda" />
                    <h:outputText value="Jugo de Naranja" />
                    <h:outputText value="Pan Dulce" />
                </p:dataList>
            </pm:content>

          <pm:footer fixed="true" style="text-align: center; font-size: 10px">
                <h:outputText value="E toque especial a tu paladar "/>
            </pm:footer>

        </pm:view>

           








    </pm:page>
</f:view>
